window.onload = function () {
  axios.post("http://localhost:8081/user/common").then(res => {
    var username = document.getElementById("username");
    if(res.data.state){
      var admin = res.data.admin;
      username.innerText = admin.username;
    }
  })
  var app = new Vue({
    el: "#store",
    data: {
      operations:[{
      }]
    },
    methods: {
      showAllOperation:function (){
        axios.get("http://localhost:8081/user/getAllOperation").then(res => {
          if(res.data.state){
            this.operations = res.data.operations;
            for(var i =0;i<this.operations.length;i++){
              switch (this.operations[i].type){
                case '0': this.operations[i].type = "剪发"; break;
                case '1': this.operations[i].type = "洗发"; break;
                case '2': this.operations[i].type = "护理"; break;
                case '3': this.operations[i].type = "补发根"; break;
                case '4': this.operations[i].type = "染发"; break;
                case '5': this.operations[i].type = "黑油"; break;
                case '6': this.operations[i].type = "烫发+剪发"; break;
                case '7': this.operations[i].type = "烫发+染发"; break;
                case '8': this.operations[i].type = "洗发+染发"; break;
                case '9': this.operations[i].type = "剪发+黑油"; break;
                case '10': this.operations[i].type = "剪发+染发"; break;
              }
            }
          }
        })
      }
    }
  });
  app.showAllOperation();
}
function logout() {
  var flag = confirm("确定退出？");
  if(flag){
    axios.post("http://localhost:8081/admin/logout").then(res => {
      if(res.data.state){
        location.href = "../html/login.html";
      }
    })
  }
}
function onSearch(obj){//js函数开始
    setTimeout(function(){//因为是即时查询，需要用setTimeout进行延迟，让值写入到input内，再读取
      var storeId = document.getElementById('store');//获取table的id标识
      var rowsLength = storeId.rows.length;//表格总共有多少行
      var key = obj.value;//获取输入框的值
      var searchCol = 3;//要搜索的哪一列，这里是第一列，从0开始数起
      var seleCol = 1;
if(!isNaN(key)){
  for(var i=1;i<rowsLength;i++){//按表的行数进行循环，本例第一行是标题，所以i=1，从第二行开始筛选（从0数起）
    var searchText = storeId.rows[i].cells[searchCol].innerHTML;//取得table行，列的值
    if(searchText.match(key)){//用match函数进行筛选，如果input的值，即变量 key的值为空，返回的是ture，
      storeId.rows[i].style.display='';//显示行操作，
    }else{
      storeId.rows[i].style.display='none';//隐藏行操作
    }
  }
}
else{
  for(var q=1;q<rowsLength;q++){//按表的行数进行循环，本例第一行是标题，所以i=1，从第二行开始筛选（从0数起）
    var searchVal = storeId.rows[q].cells[seleCol].innerHTML;//取得table行，列的值
    if(searchVal.match(key)){//用match函数进行筛选，如果input的值，即变量 key的值为空，返回的是ture，
      storeId.rows[q].style.display='';//显示行操作，
    }else{
      storeId.rows[q].style.display='none';//隐藏行操作
    }
  }
}  
    },200);//200为延时时间
  }
